<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <title>作业演示</title>
</head>
<body style="padding: 100px;">
    

    <h3>习题</h3>

    <button id="add"  class="btn btn-info">新增</button>
    <button id="del" class="btn btn-info">删除</button>
    <button id="update" class="btn btn-info">编辑</button>
    <button id="query" class="btn btn-info">查询</button>
    <input id="querybyid" type="text" class="form-inline" placeholder="按工号查询">
    <input id="querybyname" type="text" class="form-inline" placeholder="按姓名查询">
    <table class="table table-responsive">
        <thead> 
            <tr>
                <th>序号</th> 
                <th>工号</th> 
                <th>姓名</th>  
                <th>性别</th> 
                <th>密码</th> 
                <th>年龄</th>
                <th>出生日期</th>
            </tr> 
        </thead>

        <tbody id="tb">
            <tr class="info">
                <td id="num">
                    <label> 
                        <input type="checkbox" >  
                    </label>
                </td>
                <td>1001</td>
                <td>张三</td>
                <td>女</td>
                <td>1234</td>
                <td>29</td>
                <td>1991-1-1</td>
                <td></td>
            </tr>

            <tr class="warning">
                <td id="num">
                    <label> 
                        <input type="checkbox">  
                    </label>
                </td>
                <td>1002</td>
                <td>李四</td>
                <td>男</td>
                <td>1234</td>
                <td>28</td>
                <td>1992-2-2</td>
                <td></td>
            </tr>

            <tr class="info">
                <td id="num">
                    <label> 
                        <input type="checkbox">  
                    </label>
                </td>
                <td>1003</td>
                <td>王五</td>
                <td>女</td>
                <td>1234</td>
                <td>27</td>
                <td>1993-3-3</td>
                <td></td>
            </tr>

            <tr class="warning">
                <td id="num">
                    <label> 
                        <input type="checkbox">  
                    </label>
                </td>
                <td>1004</td>
                <td>赵六</td>
                <td>女</td>
                <td>1234</td>
                <td>26</td>
                <td>1994-4-4</td>
                <td></td>
            </tr>

        </tbody>
    </table>
    <!-- <button id="save" class="btn btn-info">保存</button> -->

    

    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/form.js"></script>
    
</body>
</html>